
*{
    margin: 0;
    padding: 0;
}
body,html{
    width: 100%;
    height: 100%;
}
.container{
width: 100%;
height: 100%;
background-color: antiquewhite;
margin: auto;
display: flex;
flex-direction: column;
}
.header{
height: 50px;
background-color: rgb(12, 209, 226);
font-size: 16px;
font-weight: bold;
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;
padding-left: 10px;
}
.main{
flex: auto;
}
.footer{
height: 30px;
background-color: black;
}
.item{
height: 50px;
display: flex;
flex-direction: row;
border-bottom: 1px solid #2b2b2b;
}
.left{
width: 50px;
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;
}
.center{
flex: auto;
padding: 5px;
}
.right{
width: 100px;
color: #b2b2b2;
font-size: 12px;
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: flex-end;
padding-right: 10px;
}
img{
width: 40px;
height: 40px;
border-radius: 20px;
}
.up{
font-weight: bold;
margin-top: 10px;
}
.down{
font-size: 12px;
color: #b2b2b2;
}

